<script setup lang="ts" name="BasicContainer">
withDefaults(
	defineProps<{
		title?: string;
	}>(),
	{
		title: '',
	}
);
</script>

<template>
	<div class="basic-container p-4 flex-1 flex flex-col">
		<div v-show="title" class="basic-title text-[26px] mb-5 YSBTH">{{ title }}</div>
		<div class="basic-content flex-1 p-[32px] bg-white border border-[#EAEAEA]">
			<slot />
		</div>
	</div>
</template>

<style scoped lang="scss">
.basic-title {
	background-image: linear-gradient(0deg, #295ee9 0%, #071332 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
</style>
